import React from "react";
import "./Demo.css"
//创建demo类式组件
export default class Demo extends React.Component{
     //添加实例对象属性

     //数据驱动视图
    state = {
        isStudy:false
    }
    //添加实例对象属性
    /* constructor(){
        super();
        this.state = {

        }
    } */
    render(){
        return <div className="demo">
            <h1 >今天你学习react了吗？ {this.state.isStudy ? "学习" : "没学"}  </h1>
            <button onClick={ () => {
                //  console.log(this); 
                // this.state.isStudy = true;   错误
                //更新 state中的数据
                this.setState({
                    isStudy:!this.state.isStudy
                })
                
            }}>考虑一下吧！</button>
        </div>
        
    }
}

